<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0237-dialog" ng-init="init();"  
     style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0237.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B0237.heat_plot_no' | translate"></label>
                <label ng-bind="dialog.collectionInfo.heat_plot_no" style="flex:1; text-align: left;"></label>
                <label class="label" ng-bind="'B0237.employee_no' | translate" style="padding-left: 6px;"></label>
                <input ng-model="dialog.collectionInfo.employee_no" readonly="readonly"></input>
                <div class="tip search" ng-click="dialog.loadEmployeeNo();"><img src="image/icons/search.png"></img> </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B0237.inspect_time' | translate"></label>
                <label ng-bind="dialog.collectionInfo.inspect_time"  style="flex:1; text-align: left;"></label>
                <label class="label" ng-bind="'B0237.machine_no' | translate"></label>
                <label ng-bind="dialog.collectionInfo.machine_no" style="flex:1; text-align: left;"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label"></label>
                <label style="flex:1; text-align: left;"></label>
                <label class="label" ng-bind="'B0237.machine_name' | translate"></label>
                <label ng-bind="dialog.collectionInfo.machine_name" style="flex:1; text-align: left;"></label>
            </div>
            <div class="production-phase">
                <div class="kmi-text-fields production-phase-fields">
                    <div class="production-phase-model" ng-repeat="item in dialog.production_inf_get track by $index" 
                         ng-class="{'isSelect': item.tabpage_display == dialog.now_tabpage_display}">
                        <label class="label" ng-bind="item.tabpage_display"></label>
                        <div class="kmi-can-click" ng-click="dialog.changeProductionPhase(item);"></div>
                    </div>
                </div>
                <div class="kmi-list column-selector">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0237.list.production_information_no' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0237.list.production_information_name' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0237.list.description' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'B0237.list.data_collection' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in dialog.now_production_inf_detail track by $index">
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.productioninf_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.productioninf_name"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.description"></div>
                            <div class="kmi-list__column column-border column-input" style="flex:1;">
                                <div ng-show="item.method == 2" class="check-point-switch" ng-class="{'is-selected':item.productioninf_value == 'true'}"
                                     ng-click="item.productioninf_value = item.productioninf_value=='true'?'false':'true'">
                                <div style="width:26px;height:24px;"></div>
                                </div>
                                <input ng-show="item.method == 1" ng-model="item.productioninf_value"></input>
                                <input ng-show="item.method == 3" mdl-calculater="item.productioninf_value" mdl-calculater-decimal="true"></input>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
